<!--<!DOCTYPE HTML>-->
<!--<html xmlns:th="http://www.thymeleaf.org" layout:decorate="~{layout}">-->
<!--<head>-->
    <!--<title>Spring Boot管理后台</title>-->
    <!--<style type="text/css">-->
        <!--table-->
        <!--{-->
            <!--border-collapse: collapse;-->
            <!--margin: 0 auto;-->
            <!--text-align: center;-->


        <!--}-->
        <!--table td, table th-->
        <!--{-->
            <!--width: 150px;-->
            <!--border: 1px solid #cad9ea;-->
            <!--color: #666;-->
            <!--vertical-align: middle;-->
        <!--}-->
        <!--table thead th-->
        <!--{-->
            <!--background-color: #CCE8EB;-->
            <!--width: 100px;-->
        <!--}-->
        <!--table tr:nth-child(odd)-->
        <!--{-->
            <!--background: #fff;-->
        <!--}-->
        <!--table tr:nth-child(even)-->
        <!--{-->
            <!--background: #F5FAFA;-->
        <!--}-->
    <!--</style>-->
    <!--<style>-->
        <!--* {-->
            <!--margin: 0;-->
            <!--padding: 0;-->
            <!--font-family: Arial, helvetica, "Microsoft Yahei", sans-serif;;-->
            <!--font-size: 16px;-->
        <!--}-->

        <!--body {-->
            <!--overflow: hidden;-->
        <!--/ / 隐藏滚动条-->
        <!--}-->

        <!--h1 {-->
            <!--color: #fff;-->
            <!--font-size: 35px;-->
            <!--font-weight: bold;-->
            <!--margin: 80px auto 50px -25px;-->
            <!--text-align: center;-->
            <!--text-shadow: 0 1px 1px #555;-->
        <!--}-->

        <!--.box {-->
            <!--width: 390px;-->
            <!--height: 320px;-->

            <!--border: solid 1px #ddd;-->
            <!--border-radius: 5px;-->
            <!--background: #FFF;-->
            <!--position: absolute;-->
            <!--left: 50%;-->
            <!--top: 50%;-->
            <!--margin-left: -195px;-->
            <!--margin-top: -160px; /*注意处理浏览器圆角的兼容  */-->
            <!-- -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);-->
            <!--box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);-->
        <!--}-->

        <!--.box h2 {-->
            <!--font-weight: normal;-->
            <!--color: #666;-->
            <!--font-size: 16px;-->
            <!--line-height: 46px;-->
            <!--height: 46px;-->
            <!--overflow: hidden;-->
            <!--text-align: center;-->
            <!--border-bottom: solid 1px #ddd;-->
            <!--background: #f7f7f7;-->
        <!--}-->

        <!--.input_box {-->
            <!--width: 350px;-->
            <!--padding-bottom: 15px;-->
            <!--margin: 0 auto;-->
            <!--overflow: hidden;-->
        <!--}-->

        <!--.input_box input {-->
            <!--float: left;-->
            <!--width: 348px;-->
            <!--height: 40px;-->
            <!--font-size: 14px;-->
            <!--border: solid 1px #ddd;-->
            <!--border-radius: 5px;-->
            <!--text-indent: 10px;-->
            <!--outline: none;-->
            <!--line-height: 40px;-->
        <!--}-->

        <!--.input_box button {-->
            <!--width: 350px;-->
            <!--height: 48px;-->
            <!--background: #008386;-->
            <!--border: none;-->
            <!--border-radius: 5px;-->
            <!--outline: none;-->
            <!--cursor: pointer;-->
            <!--font-size: 16px;-->
            <!--color: #FFF;-->
        <!--}-->

        <!--#error_box {-->
            <!--height: 40px;-->
            <!--width: 350px;-->
            <!--margin: 0 auto;-->
            <!--line-height: 40px;-->
            <!--color: #fc4343;-->
        <!--}-->
    <!--</style>-->

    <!--<style>-->
        <!--body{-->
            <!--font-size: 18px;-->
            <!--line-height: 20px;-->
        <!--}-->
        <!--label{-->
            <!--margin:10px;-->
        <!--}-->
        <!--.a-radio{-->
            <!--display: none;-->
        <!--}-->
        <!--.b-radio{-->
            <!--display: inline-block;-->
            <!--border:1px solid #ccc;-->
            <!--width:16px;-->
            <!--height: 16px;-->
            <!--border-radius:2px;-->
            <!--vertical-align: middle;-->
            <!--margin-right: 5px;-->
            <!--position: relative;-->
        <!--}-->
        <!--.b-radio:before{-->
            <!--content: '';-->
            <!--font-size: 0;-->
            <!--width: 10px;-->
            <!--height: 10px;-->
            <!--background: rgb(143, 188, 238);-->
            <!--position: absolute;-->
            <!--left:50%;-->
            <!--top:50%;-->
            <!--margin-left: -5px;-->
            <!--margin-top: -5px;-->
            <!--border-radius: 2px;-->
            <!--display: none;-->
        <!--}-->
        <!--.a-radio:checked~.b-radio:before{-->
            <!--display: block;-->
        <!--}-->
    <!--</style>-->
<!--</head>-->

<!--<body >-->
<!--<div layout:fragment="content" th:remove="tag">-->
    <!--<div id="app">-->
        <!--<div class="row">-->
            <!--<div class="col-xs-12">-->
                <!--<div class="widget-box">-->
                    <!--<div class="widget-header widget-header-small">-->
                        <!--<h4>Spring Boot</h4>-->
                    <!--</div>-->
                    <!--<div class="widget-body">-->
                        <!--<div class="widget-body-inner" style="display: block;">-->
                            <!--<div class="widget-main">-->
                                <!--<div>-->
                                    <!--<div class="row">-->
                                        <!--<div class="col-xs-12">-->
                                            <!--<div class="panel panel-default" style="margin-bottom:10px;">-->
                                                <!--<div class="panel-body">-->
                                                    <!--<form role="form" onsubmit="return false;">-->
                                                        <!--<div class="form-group" style="margin-bottom: 0;">-->
                                                            <!--<label class="col-sm-1 control-label">队伍</label>-->
                                                            <!--<div class="col-sm-3" style="width: 200px;">-->
                                                                <!--<input id="qryAuthor"  v-model="qryAuthor" data-original-title="Tooltip for name" class="form-control radius" placeholder="请输入队名" type="text" />-->
                                                            <!--</div>-->
                                                            <!--<label class="col-sm-1 control-label">ID</label>-->
                                                            <!--<div class="col-sm-3" style="width: 200px;">-->
                                                                <!--<input id="qryTitle" v-model="qryTitle" data-original-title="Tooltip for name" class="form-control radius" placeholder="请比赛ID" type="text"  />-->
                                                            <!--</div>-->
                                                            <!--<div class="col-sm-1">-->
                                                                <!--<button class="btn btn-info btn-sm btn-label-left radius" @click="query">-->
                                                                    <!--<i class="fa fa-search"></i>查询-->
                                                                <!--</button>-->
                                                            <!--</div>-->
                                                        <!--</div>-->
                                                    <!--</form>-->
                                                <!--</div>-->
                                            <!--</div>-->
                                        <!--</div>-->
                                        <!--&lt;!&ndash;<div class="col-xs-12">&ndash;&gt;-->
                                            <!--&lt;!&ndash;<div style="margin-bottom: 10px;">&ndash;&gt;-->
                                                <!--&lt;!&ndash;<button  class="btn btn-success btn-sm radius" id="addLearnBtn" @click="add">&ndash;&gt;-->
                                                    <!--&lt;!&ndash;<i class="fa  fa-plus"></i> 新增&ndash;&gt;-->
                                                <!--&lt;!&ndash;</button>&ndash;&gt;-->
                                                <!--&lt;!&ndash;<button  class="btn btn-primary btn-sm radius" id="modifyLearnBtn" @click="update">&ndash;&gt;-->
                                                    <!--&lt;!&ndash;<i class="fa fa-pencil-square-o"></i> 修改&ndash;&gt;-->
                                                <!--&lt;!&ndash;</button>&ndash;&gt;-->
                                                <!--&lt;!&ndash;<button  class="btn btn-danger btn-sm radius" id="deleteLearnBtn "@click="del">&ndash;&gt;-->
                                                    <!--&lt;!&ndash;<i class="fa fa-trash-o fa-lg"></i> 删除&ndash;&gt;-->
                                                <!--&lt;!&ndash;</button>&ndash;&gt;-->
                                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                                        <!--&lt;!&ndash;</div>&ndash;&gt;-->

                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<table align='center' border='1' cellspacing='0'width="90%" class="table" >-->
            <!--<tr>-->
                <!--<td>id</td>-->
                <!--<td>homeTeam</td>-->
                <!--<td>homeTeamOdds</td>-->
                <!--<td>awayTeam</td>-->
                <!--<td>awayTeamOdds</td>-->
                <!--<td>money</td>-->
                <!--<td></td>-->
            <!--</tr>-->
            <!--<tr th:each="game:${page.list}">-->
                <!--<td th:text="${game.id}">null</td>-->
                <!--<td th:text="${game.homeTeam}">null</td>-->
                <!--<td th:text="${game.homeTeamOdds}">null</td>-->
                <!--<td th:text="${game.awayTeam}">null</td>-->
                <!--<td th:text="${game.awayTeamOdds}">null</td>-->
                <!--<td th:text="${game.money}">null</td>-->
                <!--<td>-->
                    <!--<button  class="btn btn-success btn-sm radius" type="button" id="cid"onclick="openAddModal(this)">-->
                        <!--<i class="fa  fa-plus" ></i> 下注-->
                    <!--</button>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->
        <!--<br/>-->
        <!--<div style="text-align:center">-->
            <!--<a th:href="@{/game(start=0)}">[首  页]</a>-->
            <!--<a th:href="@{/game(start=${page.pageNum-1})}">[上一页]</a>-->
            <!--<a th:href="@{/game(start=${page.pageNum+1})}">[下一页]</a>-->
            <!--<a th:href="@{/game(start=${page.pages})}">[末  页]</a>-->
        <!--</div>-->
        <!--<script th:inline="javascript">-->

            <!--// 查询成功后向模态框插入数据并开启模态框。data是返回的JSON对象-->
            <!--function openAddModal(Obj) {-->
                <!--$("#myModalAdd").modal('show');-->
                <!--//获取点击行的某一列的值-->
                <!--//var stuno = document.getElementById("table").rows[2].cells[0].innerText;-->
                <!--//alert(stuno);-->
                <!--//获取当前点击行的id-->
                <!--var $td = $(Obj).parents('tr').children('td');-->
                <!--var gameId = $td.eq(0).text();-->
                <!--var homeTeam=$td.eq(1).text();-->
                <!--var homeTeamOdds=$td.eq(2).text();-->
                <!--var awayTeam=$td.eq(3).text();-->
                <!--var awayTeamOdds=$td.eq(4).text();-->
                <!--var money=$td.eq(5).text();-->
                <!--var username=[[${(#session.getAttribute('user')).username}]];-->
                <!--var earn=[[${(#session.getAttribute('user')).money}]];-->
                <!--$("#gameId").val(gameId);-->
                <!--$("#homeTeam").val( homeTeam);-->
                <!--$("#homeTeamOdds").val(homeTeamOdds);-->
                <!--$("#awayTeam").val(awayTeam);-->
                <!--$("#awayTeamOdds").val(awayTeamOdds);-->
                <!--$("#money").val(money);-->
                <!--$("#username").val(username);-->
                <!--$("#earn").val(earn);-->
                <!--// 显示模态框-->

            <!--};-->

        <!--</script>-->
    <!--</div>-->
    <!--<div class="modal fade" id="myModalAdd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >-->
        <!--<div class="modal-dialog">-->
            <!--<div class="modal-content">-->
                <!--<div class="modal-header">-->
                    <!--<button type="button" class="close" data-dismiss="modal"-->
                            <!--aria-hidden="true">×-->
                    <!--</button>-->
                    <!--<h4 class="modal-title" id="myModalLabel">-->
                        <!--余额:<div th:text="${(#session.getAttribute('user')).money}"></div>-->
                    <!--</h4>-->
                <!--</div>-->
                <!--<div class="modal-body">-->
                    <!--<div class="input_box">-->
                        <!--比赛ID:<input type="text" placeholder="比赛ID" id="gameId" name="gameId" readonly="readonly"/><br/>-->
                    <!--</div>-->
                    <!--<div class="input_box">-->
                        <!--用户名:<input type="text" placeholder="用户名" id="username" name="username" readonly="readonly"/><br/>-->
                    <!--</div>-->
                    <!--<div class="input_box">-->
                        <!--下注金额:<input type="text" placeholder="下注金额" id="pay" name="pay"/><br/>-->
                    <!--</div>-->
                    <!--<div class="input_box">-->
                        <!--<label>-->
                            <!--<input type="radio" name="team" id="homeTeam" class="a-radio">-->
                            <!--<span class="b-radio"></span>主队-->
                        <!--</label>-->

                        <!--<label>-->
                            <!--<input type="radio" name="team" id="awayTeam" class="a-radio">-->
                            <!--<span class="b-radio"></span>客队-->
                        <!--</label>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="modal-footer">-->
                    <!--<button type="button" class="btn btn-default"-->
                            <!--data-dismiss="modal">关闭-->
                    <!--</button>-->
                    <!--<button type="button" class="btn btn-primary" id="bet">-->
                        <!--下注-->
                    <!--</button>-->
                <!--</div>-->
            <!--</div>&lt;!&ndash; /.modal-content &ndash;&gt;-->
        <!--</div>&lt;!&ndash; /.modal-dialog &ndash;&gt;-->
    <!--</div>&lt;!&ndash; /.modal &ndash;&gt;-->
    <!--<script>-->
        <!--$(function () {-->
            <!--$("#bet").click(function () {-->
<!--// 处理表单验证和交给后台处理的逻辑-->
                <!--var oError = document.getElementById("error_box");-->
                <!--var gameId = $("#gameId").val();-->
                <!--var username=$("#username").val();-->
                <!--var pay = $("#pay").val();-->
                <!--var team=$('input[type=radio][name=team]:checked').val();-->
                <!--var isNotError = true;-->
                <!--if (gameId == "") {-->
                    <!--oError.innerHTML = "比赛ID为空 ";-->
                    <!--isNotError = false;-->
                    <!--$("#gameId").focus();-->
                    <!--return;-->
                <!--}-->
                <!--if (username == "") {-->
                    <!--oError.innerHTML = "账号为空 ";-->
                    <!--isNotError = false;-->
                    <!--$("#username").focus();-->
                    <!--return;-->
                <!--}-->
                <!--if (pay == "") {-->
                    <!--oError.innerHTML = "下注金额为空 ";-->
                    <!--isNotError = false;-->
                    <!--$("#pay").focus();-->
                    <!--return;-->
                <!--}-->
                <!--if (team == "") {-->
                    <!--oError.innerHTML = "没选队";-->
                    <!--isNotError = false;-->
                    <!--$("input[type=radio][name=team]:checked").focus();-->
                    <!--return;-->
                <!--}-->
                <!--if(parseFloat(pay)>parseFloat([[${(#session.getAttribute('user')).money}]])||parseFloat(pay)<=0.01){-->
                    <!--$.messager.alert("提示", '余额不足或下注金额错误');-->
                    <!--return;-->
                <!--}-->
                <!--$.ajax({-->
                    <!--type: "POST",-->
                    <!--url:  + "/game/bet",-->
                    <!--dataType: "json",-->
                    <!--contentType: "application/json",-->
                    <!--data: JSON.stringify({-->
                        <!--id: gameId,-->
                        <!--username: username,-->
                        <!--pay: pay,-->
                        <!--team:team,-->
                    <!--}),-->
                    <!--success: function (data) {-->
                        <!--// if (data.result == "1") {-->
                        <!--//     window.location.href =+"index";-->
                        <!--// }-->
                        <!--// if{-->
                        <!--//-->
                        <!--// }-->
                        <!--// else {-->
                        <!--//     $.messager.alert("提示",'账号密码不能为空！');-->
                        <!--// }-->
                        <!--switch (data.result.toString()) {-->
                            <!--case "1": {-->
                                <!--$(".modal").css("display", "none");-->
                                <!--$(".modal-backdrop").css("display", "none");-->
                                <!--$.messager.alert("提示", '下注成功');-->
                                <!--break;-->
                            <!--}-->
                                <!--;-->
                            <!--case "2": {-->
                                <!--$.messager.alert("提示", '余额不足或下注金额错误');-->
                                <!--break;-->
                            <!--}-->
                            <!--case "0": {-->
                                <!--$.messager.alert("提示", '下注失败');-->
                                <!--break;-->
                            <!--}-->

                        <!--}-->
                    <!--}-->
                <!--});-->

            <!--});-->

        <!--});-->
    <!--</script>-->
<!--</div>-->

<!--</body>-->
<!--</html>-->